<template>
    <div class="header">
       <span>购物车</span>
       <span>&#xe64c;</span>
    </div>
</template>

<script>
export default {
  name: 'cartheader'
}
</script>

<style lang="scss">
@font-face {
  font-family: 'iconfont';  /* project id 931790 */
  src: url('//at.alicdn.com/t/font_931790_ivslsra32n.eot');
  src: url('//at.alicdn.com/t/font_931790_ivslsra32n.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_931790_ivslsra32n.woff') format('woff'),
  url('//at.alicdn.com/t/font_931790_ivslsra32n.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_931790_ivslsra32n.svg#iconfont') format('svg');
}
.header{
  height: 52px;
  width: 100%;
  position: relative;
  background: #E0E0E0;
  span{
      float: left;
      &:nth-child(1){
           height: 52px;
           width: 100%;
           line-height: 52px;
           text-align: center;
        //   margin: 0 auto;
      }
      &:nth-child(2){
          font-family: iconfont;
          position: absolute;
          top: 15px;
          right: 15px;
          font-size: 20px;
      }
  }
}
</style>
